@charset "utf-8";
.sum-head {
    background-color: #222222;
    border: none;
    margin-bottom: 0;
    border-radius: 0;
    .navbar-nav {
        >li>a {
            font-size: 14px;
            color: #9D9D9D;
            &:hover {
                color: white;
            }
        }
        >.active>a,
        >.active>a:hover,
        >.active>a:focus {
            background-color: #080808;
            color: white;
        }
    }
    .navbar-brand {
        padding: 7px 15px;
    }
}

.footer-box {
    background-color: #3b3b3b;
    .footer-company {
        margin-top: 37px;
        color: #a1a3ab;
        margin-bottom: 31px;
        .company-box {
            .company {
                padding: 0;
                margin-right: 15px;
                margin-left: 12px;
                float: left;
                p{
                    a{
                        color: #a1a3ab;
                        text-decoration: none;
                        &:hover{
                            color: white;
                        }
                    }
                }
            }
        }
        .contact{
            padding: 0;
            padding-right: 2.5%;
            .contact-way{
                margin-left: 13px;
                float: right;
                padding: 0;
                width: 38px;
                height:38px;
                border-radius: 50%;
                background-color: #d8d8e0;
                position: relative;
                i{
                    color:#4c4c52;
                    font-size: 24px;
                    position: absolute;
                    top: 50%;
                    left:50%;
                    transform: translate(-50%,-50%);
                }
            }
        }
    }
}

@media only screen and (min-width:768px)and(max-width:991px) {
    .sum-head .nav>li>a {
        padding: 15px 4px;
    }
}

@media only screen and (min-width:992px)and(max-width:1199px) {
    .sum-head .container {
        width: 940px;
    }
}